<script setup>
import router from './router';

// import HelloWorld from "./components/HelloWorld.vue";
// import Vmodel from "./components/Vmodel.vue";
// import BasicCommand from "./components/BasicCommand.vue";
// import LocalComDemo from "./components/LocalComDemo.vue";
// import ParentCom from './components/ParentCom.vue';
// import SlotCom from './components/SlotCom.vue';
// import SlotName from './components/SlotName.vue';
// import Father from './components/Father.vue';
// import Demo from "./components/Demo.vue";
</script>

<template>
  <ul>
    <li>
      <router-link to="/home">Home</router-link>
    </li>
    <li>
      <router-link to="/about">Home</router-link>
    </li>
    <li>
      <router-link to="/user">用户中心</router-link>
    </li>
  </ul>
  <li>
    <router-link to="/vuex">Vuex</router-link>
  </li>
  <li>
    <router-link to="/element">Element</router-link>
  </li>
  <li>
    <router-link to="/listDemo">ListDemo</router-link>
  </li>
  <li>
    <router-link to="/account-list">Account-list</router-link>
  </li>
  <div><route-view></route-view></div>
  <!-- <HelloWorld msg="You did it!" />
  <Vmodel/> -->
  <!-- <BasicCommand/>
  <GlobalComDemo/>
  <GlobalComDemo/>
  <GlobalComDemo/>
  <GlobalComDemo/>

  <LocalComDemo/>
  <LocalComDemo/> -->

  <!-- <ParentCom/>
  <SlotCom>
    <p>这是来自父组件的内容</p>
  </SlotCom>

  <SlotName>
    <template  v-slot:header>
      <P>这是一个header具名插槽</P>
    </template>
    <template  v-slot:footer>
      <P>这是一个footer具名插槽</P>
    </template>
  </SlotName> -->

<!-- <Father /> -->
<!-- <Demo /> -->
</template>


